﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Thông Tin Mẫu Virus</title>
    <link rel="shortcut icon" href="images/Bkav.ico"  type="image/x-icon" />  
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>    
    <script type="text/javascript">
    $().ready(function () { 
            // validate signup form on keyup and submit
            $("#frmLogin").validate({
                rules: {                
                    <%=txt_user.UniqueID%>: {
                        required: true,
                        minlength: 3
                    },
                    <%=txt_pass.UniqueID%>: {
                        required: true,
                        minlength: 6
                    }  
                },
                messages: {
                    <%=txt_user.UniqueID%>: {
                        required: "Bạn chưa nhập tên truy cập",
                        minlength: "Tên truy nhập ít nhất 3 ký tự"
                    },
                    <%=txt_pass.UniqueID%>: {
                        required: "Bạn chưa nhập mật khẩu,
                        minlength: "Mật khẩu ít nhất 6 ký tự"
                    }              
                }
            });        
        
        });
    </script>
    <style type="text/css">
        body
        {
            color: #111111;
            font-family: tahoma,arial;
            font-size: 12px;
            line-height: 18px;
            word-spacing: 1px;
            background: url("Images/bg-page.png") repeat-x scroll 0 0 #AAC3E6;
            margin: 0;
            padding: 0;
        }
        #frmLogin
        {   
            margin:300px 0 auto;
            height: 300px;
            width: 400px;        
        }
        .loginTitle {
            background: url("Images/bg_title.png") repeat-x scroll 0 0 transparent;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            color: white;
            font-size: 20px;
            font-weight: bold;
            height: 30px;
            line-height: 30px;
            padding-left: 10px;
            text-align: left;
        }
        .loginBox 
        {
            background-color: #FFFFFF;
            border: 2px solid #252525;
            padding: 5px;
        }
        .loginBox lblError
        {
            display: block;
        }
    </style>
</head>
<body>
<center>        
    <form id="frmLogin" runat="server">
    <div class="loginTitle">LOGIN</div>
        <div class="loginBox">
            <table class="loginTable" >
                <tr>
                    <td>
                        <img src="Images/login.png" alt="login" />
                    </td>
                    <td>
                        <div style="padding-top:3px"><b>Username</b></div>
                        <div style="padding-top:3px"><asp:TextBox ID="txt_user" style="width:200px" placeholder="account@bkav.com" runat="server"></asp:TextBox></div>
                        <div style="padding-top:3px"><b>Password</b></div>
                        <div style="padding-top:3px"><asp:TextBox ID="txt_pass" style="width:200px" TextMode="Password" runat="server"></asp:TextBox></div>
                        <div style="padding-top:3px""><asp:Label ID="lblError" runat="server" Text=""></asp:Label></div>
                        <div style="padding-top:3px"><asp:Button ID="btn_login" runat="server" OnClick="btn_login_click" style="font-weight:bold;height:26px"  class="button medium white"  Text="Đăng nhập"/></div>
                    </td>
                </tr>
            </table>
        </div>   
    </form>
 </center>
</body>
</html>
